<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>Axios简化</title>
	</head>
	<body>
		<h1>Axios简化操作写法</h1>
		<script src="../js/axios.js"></script>
		<script>
			/* 1.公共路径优化 */
			/* 设定公共请求的路径 */
			axios.defaults.baseURL = "http://localhost:8090"
			let user ={
				name:'建党百年',
				age:100,
				sex:'未知'
			}
			
			axios.post("/saveUser",user)
				.then(result => {
					console.log(result.data)
				})
			
			/* 2. 解构赋值
				想法：能否利用一个方法就将数据直接获取，
					  简化2步调用的结
				实现：ES7提供了await和async两个属性，通过这两个
					  属性，可以简化现有axios操作
				用法说明：
					1.await，标识异步请求，解构操作
					2.async，用在函数中，表示支持解构，要求同时出现
				语法结构：
					let {}-----用来接收解构后的对象
					*/
			//定义一个函数
			async function ajax(){
				//data是一个属性，不能改，value可以任意命名
				//语法结构：将ajax返回值data赋值给value
				let {data: value} = await axios.post("/saveUser",user)
				console.log(value)
			}
			//调用函数
			ajax()
			
			
			
				
				
				
			
		</script>
	</body>
</html>
